<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>标签包含规范</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
    <style type="text/css">
      div span{
			  	 color: red;
			  }


			 /*  p  li{
			  	 color: red;
			  } */

    div h1{
        color: aqua;
    }
			  h1 li{
			  	 color: red;
			  }

    </style>
</head>
<body>
    <!-- ☞div可以包含任何标准流下的元素
     ☞ p标签中不能包含div 和 标题标签 及列表标签。
     ☞标题标签可以包含其他标签。
 	☞行内元素最好不要包含其他标签。 -->

    
    <div>
        <ul>
            <li>
              列标签
            </li>
        </ul>
        <p>一段文字</p> 

        <h1>标题</h1>


    <span>文字</span> 
   </div>

</body>
</html>